<template>
    <view class="bg">
        <view class="top">
            <view>
                <p>温馨提示：请及时核对工资数额是否正确，工资信息保密，如有疑问请5个</p>
                <P>工作日内私聊HR ，否则视为无异议，感谢配合！</P>
            </view>
        </view>
        <view class="w">
            <view class="card">
                <up-cell-group :border="false">
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>

                </up-cell-group>
            </view>
            <view class="title">
                实际
            </view>
            <view class="card">
                <up-cell-group :border="false">
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                    <up-cell title="个人设置" value="123" :border="false"></up-cell>
                </up-cell-group>
            </view>
        </view>
        <view class="footer">
            <view>
                <view class="tax">个税：0</view>
                <view class="money">时间发：￥9000</view>
            </view>
            <view class="number">￥88888</view>
        </view>
    </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue';
onLoad((res) => {
    console.log(res.year, res.month);
})
</script>

<style lang="scss" scoped>
.top {
    padding: 20rpx;
    height: 117rpx;
    display: flex;
    margin: 18rpx 0;
    font-size: 21rpx;
    color: #FFFFFF;
    background: #001F79;

    &::before {
        content: '';
        display: inline-block;
        margin-top: 5rpx;
        margin-right: 15rpx;
        width: 20rpx;
        height: 20rpx;
        background-color: aqua;
    }
}

.card {
    background-color: #fff;
    margin-bottom: 26rpx;
}

.title {
    margin-bottom: 21rpx;
    font-weight: bold;
    font-size: 28rpx;
    color: #252525;
}

.footer {
    display: flex;
    padding: 0 44rpx;
    justify-content: space-between;
    align-items: center;
    height: 124rpx;
    background: #FFFFFF;

    .tax {
        font-size: 21rpx;
        padding: 20rpx 0;
        color: #5F5F5F;
    }

    .money {
        font-weight: bold;
        font-size: 26rpx;
        color: #252525;
    }

    .number {
        font-weight: 800;
        font-size: 44rpx;
        color: #07C160;
    }
}
</style>